<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>藏味优品</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="__CSS__/amazeui.min.css"/>
    <link rel="stylesheet" href="__CSS__/style.css"/>
    <link rel="stylesheet" href="__CSS__/dropload.css"/>
    <script src="__JS__/jquery.min.js"></script>
    <script src="__JS__/amazeui.min.js"></script>
    <script src="__JS__/dropload.min.js"></script>
</head>
    <body>
        <style type="text/css">
            .top-box {
                padding:10px;
                width:100%;
                color: white;
                background-color:#F8B600;
                position: relative;
            }

            .top-box a {
                color:white !important;
            }

            .top-title {
                margin-left:20px;
                font-size:16px;
            }
            .top-right {
                font-size:16px;
                position:absolute;
                top:50%;
                right:10px;
                margin-top:-12px;
            }

            .m-widget-list a {
                margin-left:20px;
            }
            .m-widget-list a:after{
                display: inline-block;
                font: normal normal normal 1.6rem/1 FontAwesome,sans-serif;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                transform: translate(0,0);
                content: "\f054";
                position: absolute;
                right: 10px;
                color: #ccc;
                top: 50%;
                margin-top: -8px;
            }
            .search-form {
                width:90%;
                margin:10px auto;
            }
            .search-form .am-radius {
                border-radius: 4px !important;
            }
        </style>
        <div class="top-box am-vertical-align">
            <div class="top-title am-vertical-align-middle"><a href="{:U('Index/index')}"><span>藏味优品</span></a></div>
            <div class="top-right am-vertical-align-middle"><i class="am-icon-star-o"></i><span>关注</span>|<span>个人中心</span></div>
        </div>
        <div class="search-box">
            <form action="{:U('Classify/query')}" class="am-form am-form-inline search-form" method="post">
                <div class="am-form-group am-form-icon">
                    <i class="am-icon-search"></i>
                    <input type="text" name="name" class="am-form-field am-radius" placeholder="商品名称">
                </div>
            </form>
        </div>
        <div class="content-box">
            <ul class="am-list m-widget-list">
                <volist name="list" id="vo">
                    <li class="am-g">
                        <a href="{:U('Classify/query',array('cate_id'=>$vo['id']))}" class="am-list-item-hd">{$vo['name']}</a>
                    </li>
                </volist>
            </ul>
        </div>

        <footer  class="am-footer am-footer-default">
            <center><img src="__IMG__/by.png" width="80px" height="40px"></center>
            <center style="margin-top:-16px;"><span style="font-size:12px;color:#D3D3D3;">杭州博也提供技术支持</span></center>
        </footer>

    </body>
</html>